@import '~antd/dist/antd.css';
.yplist{
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  .yplist-mbx{
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #fafafa;
  }
  .yplist-content{
    padding: 0 10px;
    .rel-title{
      padding: 20px 0 20px 10px;
      display: flex;
      .buttonbox{
        margin-left: 20px;
      }
      .pagination{
        margin-left: 20px;
      }
    }
    .release{
      display: flex;
      flex-wrap: wrap;
      .ant-card,.ant-card-bordered{
        margin: 0px 20px 10px 20px;
        img{
          height: 240px;
          object-fit: cover;
        }
        .ant-avatar,.ant-avatar-circle,.ant-avatar-image{
          img{
            height: 32px;
          }
        }
        .ant-card-meta-description{
          max-width: 200px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
}
.ant-drawer-wrapper-body{
  background-color: #f5f5f5;
  .img-box{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    img{
      box-shadow: 7px 7px 12px 0px #323232;
      margin: 10px;
      width: 280px;
      height: 280px;
      object-fit: cover;
      border-radius: 5px;
      &:hover{
        cursor: pointer;
      }
    }
  }
  .tag{
    margin: 10px 0;
  }
  .relcontent{
    .ant-card,.ant-card-bordered{
      .ant-card-body{
        display: flex;
        flex-direction: column;
        span:first-child{
          font-size: 24px;
          font-weight: bold;
        }
      }
    }
  }
}

